<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
    <head>
        <title>Go-Price-Me - {$text_slogan}</title>

        <!-- Meta -->
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />

        <!-- Bootstrap -->
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />

        <!-- Bootstrap Extended -->
        <link href="bootstrap/extend/jasny-bootstrap/css/jasny-bootstrap.min.css" rel="stylesheet" />
        <link href="bootstrap/extend/jasny-bootstrap/css/jasny-bootstrap-responsive.min.css" rel="stylesheet" />
        <link href="bootstrap/extend/bootstrap-wysihtml5/css/bootstrap-wysihtml5-0.0.2.css" rel="stylesheet" />

        <!-- JQueryUI v1.9.2 -->
        <link rel="stylesheet" href="theme/scripts/jquery-ui-1.9.2.custom/css/smoothness/jquery-ui-1.9.2.custom.min.css" />

        <!-- Glyphicons -->
        <link rel="stylesheet" href="theme/css/glyphicons.css" />

        <!-- Bootstrap Extended -->
        <link rel="stylesheet" href="bootstrap/extend/bootstrap-select/bootstrap-select.css" />
        <link rel="stylesheet" href="bootstrap/extend/bootstrap-toggle-buttons/static/stylesheets/bootstrap-toggle-buttons.css" />

        <!-- Uniform -->
        <link rel="stylesheet" media="screen" href="theme/scripts/pixelmatrix-uniform/css/uniform.default.css" />

        <!-- JQuery v1.8.2 -->
        <script src="theme/scripts/jquery-1.8.2.min.js"></script>

        <!-- Modernizr -->
        <script src="theme/scripts/modernizr.custom.76094.js"></script>

        <!-- MiniColors -->
        <link rel="stylesheet" media="screen" href="theme/scripts/jquery-miniColors/jquery.miniColors.css" />

        <!-- Theme -->
        <link rel="stylesheet/less" href="theme/less/style.less" />

        <!-- FireBug Lite -->
        <!-- <script type="text/javascript" src="https://getfirebug.com/firebug-lite-debug.js"></script> -->


        <!-- LESS 2 CSS -->
        <script src="theme/scripts/less-1.3.3.min.js"></script>


        <!--[if IE]><script type="text/javascript" src="theme/scripts/excanvas/excanvas.js"></script><![endif]-->
        <!--[if lt IE 8]><script type="text/javascript" src="theme/scripts/json2.js"></script><![endif]-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>

        <!-- Start Content -->
        <div class="container-fluid fixed">

            <div class="navbar main">
                <a href="index.php" class="appbrand"><span>GO-PRICE-ME <span>{$text_slogan}</span></span></a>

                <button type="button" class="btn btn-navbar">
                    <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>

                <ul class="topnav pull-right">
                    <li class="visible-desktop">
                        <ul class="notif">
                            <li><a href="messages.html" class="glyphicons envelope" data-toggle="tooltip" data-placement="bottom" data-original-title="5 new messages"><i></i> 5</a></li>
							<!--
                            <li><a href="" class="glyphicons shopping_cart" data-toggle="tooltip" data-placement="bottom" data-original-title="1 new orders"><i></i> 1</a></li>
                            <li><a href="" class="glyphicons log_book" data-toggle="tooltip" data-placement="bottom" data-original-title="3 new activities"><i></i> 3</a></li>
							-->
                        </ul>
                    </li>
					<!--
                    <li class="dropdown visible-desktop">
                        <a href="" data-toggle="dropdown" class="glyphicons cogwheel"><i></i>Dropdown <span class="caret"></span></a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="">Some option</a></li>
                            <li><a href="">Some other option</a></li>
                            <li><a href="">Other option</a></li>
                        </ul>
                    </li>
                    -->
                    <li class="hidden-phone">
                        <a href="#" data-toggle="dropdown"><img src="theme/images/lang/en.png" alt="en" /></a>
                        <ul class="dropdown-menu pull-right">
                            <li class="active"><a href="?lang=en" title="English"><img src="theme/images/lang/en.png" alt="English" /> {$text_lang_en}</a></li>
                            <li><a href="?lang=vi" title="Vietnamese"><img src="theme/images/lang/vi.png" alt="Vietnamese" /> {$text_lang_vi}</a></li>
                        </ul>
                    </li>
                    <li class="account">
                        <a data-toggle="dropdown" href="form_demo.php" class="glyphicons logout lock"><span class="hidden-phone text">mosaicpro</span><i></i></a>
                        <ul class="dropdown-menu pull-right">
                            <li><a href="form_demo.php" class="glyphicons cogwheel">{$text_account_setting}<i></i></a></li>
                            <li><a href="form_demo.php" class="glyphicons camera">{$text_account_avatar}<i></i></a></li>
                            <li class="highlight profile">
                                <span>
                                    <span class="heading">{$text_account_profile} <a href="form_demo.php" class="pull-right">{$text_account_edit}</a></span>
                                    <span class="img"></span>
                                    <span class="details">
                                        <a href="form_demo.php">Mosaic Pro</a>
                                        contact@mosaicpro.biz
                                    </span>
                                    <span class="clearfix"></span>
                                </span>
                            </li>
                            <li>
                                <span>
                                    <a class="btn btn-default btn-small pull-right" style="padding: 2px 10px; background: #fff;" href="login.php">{$text_account_signout}</a>
                                </span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div id="wrapper">
                <div id="menu" class="hidden-phone">
                    <div id="menuInner">
                        <div id="search">
                            <input type="text" placeholder="{$text_quick_search}" />
                            <button class="glyphicons search"><i></i></button>
                        </div>
                        <ul>
                            <li class="heading"><span>{$text_section}</span></li>
                            <li class="glyphicons home active"><a href="index.html"><i></i><span>{$text_dashboard}</span></a></li>
                            <li class="hasSubmenu">
                                <a data-toggle="collapse" class="glyphicons show_thumbnails_with_lines" href="#category" data-parent="#menuInner"><i></i><span>{$text_category}</span></a>
                                <ul class="collapse" id="category">
                                    <li class=""><a href="categories_list.html"><span>{$text_category_list}</span></a></li>
                                    <li class=""><a href="category_create.html"><span>{$text_category_create}</span></a></li>    
                                </ul>
                            </li>
                            <li class="hasSubmenu">
                                <a data-toggle="collapse" class="glyphicons sort" href="#product"><i></i><span>{$text_product}</span></a>
                                <ul class="collapse" id="product">
                                    <li class=""><a href="products_list.html"><span>{$text_product_list}</span></a></li>
                                    <li class=""><a href="product_create.html"><span>{$text_product_create}</span></a></li>    
                                </ul>
                            </li>
                            <li class="hasSubmenu">
                                <a data-toggle="collapse" class="glyphicons coins" href="#seller"><i></i><span>{$text_seller}</span></a>
                                <ul class="collapse" id="seller">
                                    <li class=""><a href="sellers_list.html"><span>{$text_seller_list}</span></a></li>
                                    <li class=""><a href="seller_create.html"><span>{$text_seller_create}</span></a></li>    
                                </ul>
                            </li>
                            <li class="hasSubmenu">
                                <a data-toggle="collapse" class="glyphicons shopping_cart" href="#user"><i></i><span>{$text_user}</span></a>
                                <ul class="collapse" id="user">
                                    <li class=""><a href="users_list.html"><span>{$text_user_list}</span></a></li>
                                    <li class=""><a href="user_create.html"><span>{$text_user_create}</span></a></li>    
                                </ul>
                            </li>
                            <li class="glyphicons charts"><a href="statistics.html"><i></i><span>{$text_statistics}</span></a></li>

                        </ul>

                    </div>
                </div>
                <div id="content">
                    <ul class="breadcrumb">
                        <li><a href="index.php" class="glyphicons home"><i></i> Go-Price-Me</a></li>
                        <li class="divider"></li>
                        <li>{$text_dashboard}</li>
                    </ul>
                    <div class="separator"></div>

                    <div class="heading-buttons">
                        <h3 class="glyphicons display"><i></i> {$text_user_view}</h3>
                        
                        <div class="clearfix" style="clear: both;"></div>
                    </div>
                    <div class="separator"></div>
<!--
                    <div class="menubar">
                        <ul>
                            <li><a href="">Button 1</a></li>
                            <li><a href="">Button 2</a></li>
                            <li class="divider"></li>
                            <li><a href="">Export</a></li>
                        </ul>
                    </div>
-->
                    
                    <div class="widget widget-2 widget-tabs widget-tabs-2 tabs-right border-bottom-none">
						<div class="widget-head">
							<ul>
								<li class="active"><a class="glyphicons settings" href="#account-settings" data-toggle="tab"><i></i>{$text_account_details}</a></li>
								
							</ul>
						</div>
					</div>
					
					<div class="innerLR">
	
						<form class="form-horizontal" action="sss.html">
						<div class="tab-content" style="padding: 0;">
							
							<div class="tab-pane active" id="account-settings">
								<div class="widget widget-2">
									<div class="widget-head">
										<h4 class="heading glyphicons settings"><i></i>{$text_account_details}</h4>
									</div>
									<div class="widget-body" style="padding-bottom: 0;">
										<div class="row-fluid">
											<div class="span6">
												<div class="control-group">
													<label class="control-label">{$text_account_email}</label>
													<div class="controls">
														<input type="text" value="contact@mosaicpro.biz" class="span10" />
														<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="your e-mail"><i></i></span>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">{$text_account_firstname}</label>
													<div class="controls">
														<input type="text" value="John" class="span10" />
														<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="First name is mandatory"><i></i></span>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">{$text_account_lastname}</label>
													<div class="controls">
														<input type="text" value="Doe" class="span10" />
														<span style="margin: 0;" class="btn-action single glyphicons circle_question_mark" data-toggle="tooltip" data-placement="top" data-original-title="Last name is mandatory"><i></i></span>
													</div>
												</div>
												<div class="control-group">
													<label class="control-label">{$text_account_DOB}</label>
													<div class="controls">
														<div class="input-append">
															<input type="text" id="datepicker" class="span12" value="13/06/1988"/>
															<span class="add-on glyphicons calendar"><i></i></span>
														</div>
													</div>
												</div>
											</div>
											<div class="span6">
												<div class="control-group">
													<label class="control-label">{$text_account_gender}</label>
													<div class="controls">
														<select class="span12" >
															<option value="0">{$text_account_male}</option>
															<option value="1">{$text_account_female}</option>
														</select>
													</div>
												</div>
												
											</div>
										</div>
										<hr class="separator bottom" />
										<div class="control-group row-fluid">
											<label class="control-label">{$text_account_aboutme}</label>
											<div class="controls">
												<textarea id="mustHaveId" class="wysihtml5 span12" rows="5">
													Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
												</textarea>
											</div>
										</div>
										<hr class="separator bottom" />
										<div class="row-fluid">
											<div class="span3">
												<strong>{$text_account_contactdetails}</strong>
												<p class="muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
											</div>
											<div class="span9">
												<div class="row-fluid">
												<div class="span6">
													<label for="inputPhone">{$text_account_phone}</label>
													<div class="input-prepend">
														<span class="add-on glyphicons phone"><i></i></span>
														<input type="text" id="inputPhone" class="input-large" value="01234567897" />
													</div>
													<div class="separator"></div>
														
													
													<div class="separator"></div>
														
													<label for="inputWebsite">Website</label>
													<div class="input-prepend">
														<span class="add-on glyphicons link"><i></i></span>
														<input type="text" id="inputWebsite" class="input-large" value="http://www.mosaicpro.biz" />
													</div>
													<div class="separator"></div>
												</div>
												<div class="span6">
													<label for="inputFacebook">Facebook</label>
													<div class="input-prepend">
														<span class="add-on glyphicons facebook"><i></i></span>
														<input type="text" id="inputFacebook" class="input-large" value="/mosaicpro" />
													</div>
													<div class="separator"></div>
													
													<label for="inputTwitter">Twitter</label>
													<div class="input-prepend">
														<span class="add-on glyphicons twitter"><i></i></span>
														<input type="text" id="inputTwitter" class="input-large" value="/mosaicpro" />
													</div>
													<div class="separator"></div>
													
													<label for="inputSkype">Skype ID</label>
													<div class="input-prepend">
														<span class="add-on glyphicons skype"><i></i></span>
														<input type="text" id="inputSkype" class="input-large" value="mySkypeID" />
													</div>
													<div class="separator"></div>
													
													<label for="inputYahoo">Yahoo ID</label>
													<div class="input-prepend">
														<span class="add-on glyphicons yahoo"><i></i></span>
														<input type="text" id="inputYahoo" class="input-large" value="myYahooID" />
													</div>
													<div class="separator"></div>
												</div>
												</div>
											</div>
										</div>
										<div class="form-actions" style="margin: 0;">
										<!--Admin & User Only-->
											<button type="submit" class="btn btn-icon btn-primary glyphicons circle_ok"><i></i>Save changes</button>
										<!--/Admin & User Only-->	
										
											<a href="message.html"><button type="button" class="btn btn-icon btn-default glyphicons user"><i></i>Contact me</button></a>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						</form>
						
					</div>
                    
                    <br />

                    
                    <br />		
                    <!-- End Content -->
                </div>
                <!-- End Wrapper -->
            </div>

            <!-- Sticky Footer -->
            <div id="footer">
                <div class="wrap">
                    <ul>
                        <li class="active"><span data-toggle="layout" data-layout="fixed" class="glyphicons show_big_thumbnails text" title=""><i></i><span class="hidden-phone"></span></span></li>
                        <li><span data-toggle="layout" data-layout="fluid" class="glyphicons show_thumbnails text" title=""><i></i><span class="hidden-phone"></span></span></li>
                        </ul>
                </div>
            </div>

        </div>

        <!-- JQueryUI v1.9.2 -->
        <script src="theme/scripts/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js"></script>

        <!-- JQueryUI Touch Punch -->
        <!-- small hack that enables the use of touch events on sites using the jQuery UI user interface library -->
        <script src="theme/scripts/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>

        <!-- MiniColors -->
        <script src="theme/scripts/jquery-miniColors/jquery.miniColors.js"></script>

        <!-- Themer -->
        <script>
            var themerPrimaryColor = '#DA4C4C';
        </script>
        <script src="theme/scripts/jquery.cookie.js"></script>
        <script src="theme/scripts/themer.js"></script>
		<!-- DataTables -->
		<script src="theme/scripts/DataTables/media/js/jquery.dataTables.min.js"></script>
		<script src="theme/scripts/DataTables/media/js/DT_bootstrap.js"></script>

        <script type="text/javascript" src="https://www.google.com/jsapi"></script>

        
        

        


        


        <!-- Resize Script -->
        <script src="theme/scripts/jquery.ba-resize.js"></script>

        <!-- Uniform -->
        <script src="theme/scripts/pixelmatrix-uniform/jquery.uniform.min.js"></script>

        <!-- Bootstrap Script -->
        <script src="bootstrap/js/bootstrap.min.js"></script>

        <!-- Bootstrap Extended -->
        <script src="bootstrap/extend/bootstrap-select/bootstrap-select.js"></script>
        <script src="bootstrap/extend/bootstrap-toggle-buttons/static/js/jquery.toggle.buttons.js"></script>
        <script src="bootstrap/extend/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js"></script>
        <script src="bootstrap/extend/jasny-bootstrap/js/jasny-bootstrap.min.js" type="text/javascript"></script>
        <script src="bootstrap/extend/jasny-bootstrap/js/bootstrap-fileupload.js" type="text/javascript"></script>
        <script src="bootstrap/extend/bootbox.js" type="text/javascript"></script>
        <script src="bootstrap/extend/bootstrap-wysihtml5/js/wysihtml5-0.3.0_rc2.min.js" type="text/javascript"></script>
        <script src="bootstrap/extend/bootstrap-wysihtml5/js/bootstrap-wysihtml5-0.0.2.js" type="text/javascript"></script>

        <!-- Custom Onload Script -->
        <script src="theme/scripts/load.js"></script>

       

    </body>
</html>
